<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="orders by dede58.com"/>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

    <title>充值成功</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>

<body>

<div id="app">

    <!-- start header -->
    <header>
        <div class="top center">
            <div class="left fl">
                <ul>
                    <li>
                        <!-- 这里直接去首页 -->
                        <a href="index.html" target="_self">基于Spring Cloud的知识付费系统</a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="right fr">
                <div v-if="username.length == 0" style="color: #cccccc">
                    <a href="login.html" style="color: #eeeeee" target="_self">登录</a>
                    &nbsp;&nbsp; | &nbsp;&nbsp;
                    <a href="register.html" style="color: #eeeeee" target="_self">注册</a>
                </div>
                <div v-if="username.length > 0" style="color: #cccccc">
                    <a v-if="userType == 2" href="topicAdmin.html" style="color: #eeeeee">
                        <img v-bind:src="headimg" style="width: 25px;height: 25px;border-radius:50%;">
                        &nbsp;&nbsp;{{username}}
                    </a>
                    <a v-if="userType != 2" href="#" v-on:click="setSelfUserId(loginUserId)" style="color: #eeeeee">
                        <img v-bind:src="headimg" style="width: 25px;height: 25px;border-radius:50%;">
                        &nbsp;&nbsp;{{username}}
                    </a>
                    &nbsp;&nbsp; | &nbsp;&nbsp;
                    <a href="editArticle.html" style="color: #eeeeee" target="_self">立即发帖</a>
                    &nbsp;&nbsp; | &nbsp;&nbsp;
                    <a v-on:click="loginOut" href="#" style="color: #eeeeee">注销</a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </header>
    <!--end header -->
    <br>
    <br>
    <br>
    <br>
    <center>
        <h2>
            <b>
            充值成功！
            </b>
        </h2>
    </center>
    <br>
    <center>
        <hr width=70%>
    </center>
    <br>
    <center>
        <h3>
            恭喜<b> {{username}} </b>成为知识星球会员！
        </h3>
        <img src="https://ossimg.xinli001.com/athena/20210311/km4qb20m.png" style="width: 400px;height: 400px;border-radius:50%;">
    </center>
    <center>
        <hr width=70%>
    </center>
    <br>
    <center>
        <a style="font-size: 20px" href="index.html">立即返回</a>
    </center>

    <br>
    <br>
    <div style="bottom: 0px;background: #212529;width: 100%;height: 40px;position: fixed"></div>

</div>

<script src="js/vuejs-2.5.16.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/paySuccess.js"></script>
</body>
</html>